<style lang="scss" scoped>
.loadingDiv {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.7);
  z-index: 100;
  transition: 0.3s;
  img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100px;
    animation: 2s infinite;
  }
}
</style>

<template>
  <div class="loadingDiv" :style="{ display: isShow == true? 'block': 'none' }">
    <img v-if="Theme == 'citydo'" src="@/assets/theme/citydo/citydo_loading.gif" ondragstart="return false">
    <p v-else-if="Theme == 'liubai'" ondragstart="return false"></p>
    <img v-else src="@/assets/loadingFish.gif" ondragstart="return false">
  </div>
</template>

<script>
export default {
  props: ['isShow'],
  data () {
    return {
      Theme: localStorage.getItem('theme'),
    }
  }
}
</script>

